﻿
    <!-- start: PAGE CONTENT -->
    <div class="row">
        <div class="col-sm-4">
            <div class="core-box">
                <div class="heading">
                    <i class="clip-user-4 circle-icon circle-green"></i>
                    <h2>Manage Users</h2>
                </div>
                <div class="content">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                </div>
                <a class="view-more" href="#">
                    View More <i class="clip-arrow-right-2"></i>
                </a>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="core-box">
                <div class="heading">
                    <i class="clip-clip circle-icon circle-teal"></i>
                    <h2>Manage Orders</h2>
                </div>
                <div class="content">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                </div>
                <a class="view-more" href="#">
                    View More <i class="clip-arrow-right-2"></i>
                </a>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="core-box">
                <div class="heading">
                    <i class="clip-database circle-icon circle-bricky"></i>
                    <h2>Manage Data</h2>
                </div>
                <div class="content">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                </div>
                <a class="view-more" href="#">
                    View More <i class="clip-arrow-right-2"></i>
                </a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-7">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <i class="clip-stats"></i>
                    Site Visits
                    <div class="panel-tools">
                        <a class="btn btn-xs btn-link panel-collapse collapses" href="#">
                        </a>
                        <a class="btn btn-xs btn-link panel-config" href="#panel-config" data-toggle="modal">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <a class="btn btn-xs btn-link panel-refresh" href="#">
                            <i class="fa fa-refresh"></i>
                        </a>
                        <a class="btn btn-xs btn-link panel-close" href="#">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="flot-medium-container">
                        <div id="placeholder-h1" class="flot-placeholder" style="padding: 0px; position: relative;"><canvas class="flot-base" width="444" height="360" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 444px; height: 360px;"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 37px; text-align: center;">2</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 65px; text-align: center;">4</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 93px; text-align: center;">6</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 121px; text-align: center;">8</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 146px; text-align: center;">10</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 175px; text-align: center;">12</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 203px; text-align: center;">14</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 231px; text-align: center;">16</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 259px; text-align: center;">18</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 288px; text-align: center;">20</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 316px; text-align: center;">22</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 344px; text-align: center;">24</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 372px; text-align: center;">26</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 401px; text-align: center;">28</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 27px; top: 344px; left: 429px; text-align: center;">30</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; top: 331px; left: 14px; text-align: right;">0</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 307px; left: 7px; text-align: right;">10</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 284px; left: 7px; text-align: right;">20</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 260px; left: 7px; text-align: right;">30</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 236px; left: 7px; text-align: right;">40</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 213px; left: 7px; text-align: right;">50</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 189px; left: 7px; text-align: right;">60</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 166px; left: 7px; text-align: right;">70</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 142px; left: 7px; text-align: right;">80</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 118px; left: 7px; text-align: right;">90</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 95px; left: 0px; text-align: right;">100</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 71px; left: 0px; text-align: right;">110</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 47px; left: 0px; text-align: right;">120</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 24px; left: 0px; text-align: right;">130</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 0px; left: 0px; text-align: right;">140</div></div></div><canvas class="flot-overlay" width="444" height="360" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 444px; height: 360px;"></canvas><div class="legend"><div style="position: absolute; width: 87px; height: 32px; top: 13px; right: 13px; opacity: 0.85; background-color: rgb(255, 255, 255);"> </div><table style="position:absolute;top:13px;right:13px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(209,38,16);overflow:hidden"></div></div></td><td class="legendLabel">Unique Visits</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(55,183,243);overflow:hidden"></div></div></td><td class="legendLabel">Page Views</td></tr></tbody></table></div></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-5">
            <div class="row">
                <div class="col-sm-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="clip-pie"></i>
                            Acquisition
                            <div class="panel-tools">
                                <a class="btn btn-xs btn-link panel-collapse collapses" href="#">
                                </a>
                                <a class="btn btn-xs btn-link panel-config" href="#panel-config" data-toggle="modal">
                                    <i class="fa fa-wrench"></i>
                                </a>
                                <a class="btn btn-xs btn-link panel-refresh" href="#">
                                    <i class="fa fa-refresh"></i>
                                </a>
                                <a class="btn btn-xs btn-link panel-close" href="#">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="panel-body">
                            <div class="flot-mini-container">
                                <div id="placeholder-h2" class="flot-placeholder" style="padding: 0px; position: relative;"><canvas class="flot-base" width="299" height="135" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 299px; height: 135px;"></canvas><canvas class="flot-overlay" width="299" height="135" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 299px; height: 135px;"></canvas><div class="pieLabelBackground" style="position: absolute; width: 41px; height: 36px; top: 4.5px; left: 172px; opacity: 0.8; background-color: rgb(237, 194, 64);"></div><span class="pieLabel" id="pieLabel0" style="position: absolute; top: 4.5px; left: 172px;"><div style="font-size:8pt; text-align:center; padding:2px; color:white;">Series1<br>14%</div></span><div class="pieLabelBackground" style="position: absolute; width: 41px; height: 36px; top: 50px; left: 228px; opacity: 0.8; background-color: rgb(175, 216, 248);"></div><span class="pieLabel" id="pieLabel1" style="position: absolute; top: 50px; left: 228px;"><div style="font-size:8pt; text-align:center; padding:2px; color:white;">Series2<br>22%</div></span><div class="pieLabelBackground" style="position: absolute; width: 41px; height: 36px; top: 97.5px; left: 156px; opacity: 0.8; background-color: rgb(77, 167, 77);"></div><span class="pieLabel" id="pieLabel2" style="position: absolute; top: 97.5px; left: 156px;"><div style="font-size:8pt; text-align:center; padding:2px; color:white;">Series4<br>19%</div></span><div class="pieLabelBackground" style="position: absolute; width: 41px; height: 36px; top: 70px; left: 38px; opacity: 0.8; background-color: rgb(189, 155, 51);"></div><span class="pieLabel" id="pieLabel3" style="position: absolute; top: 70px; left: 38px;"><div style="font-size:8pt; text-align:center; padding:2px; color:white;">Series6<br>27%</div></span><div class="pieLabelBackground" style="position: absolute; width: 31px; height: 36px; top: 8px; left: 80px; opacity: 0.8; background-color: rgb(153, 153, 153);"></div><span class="pieLabel" id="pieLabel4" style="position: absolute; top: 8px; left: 80px;"><div style="font-size:8pt; text-align:center; padding:2px; color:white;">Other<br>18%</div></span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="clip-bars"></i>
                            Pageviews real-time
                            <div class="panel-tools">
                                <a class="btn btn-xs btn-link panel-collapse collapses" href="#">
                                </a>
                                <a class="btn btn-xs btn-link panel-config" href="#panel-config" data-toggle="modal">
                                    <i class="fa fa-wrench"></i>
                                </a>
                                <a class="btn btn-xs btn-link panel-refresh" href="#">
                                    <i class="fa fa-refresh"></i>
                                </a>
                                <a class="btn btn-xs btn-link panel-close" href="#">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="panel-body">
                            <div class="flot-mini-container">
                                <div id="placeholder-h3" class="flot-placeholder" style="padding: 0px; position: relative;"><canvas class="flot-base" width="299" height="135" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 299px; height: 135px;"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; top: 119px; left: 15px; text-align: right;">0</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 89px; left: 8px; text-align: right;">25</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 60px; left: 8px; text-align: right;">50</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 30px; left: 8px; text-align: right;">75</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 0px; left: 1px; text-align: right;">100</div></div></div><canvas class="flot-overlay" width="299" height="135" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 299px; height: 135px;"></canvas></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-7">
            <div class="row space12">
                <ul class="mini-stats col-sm-12">
                    <li class="col-sm-4">
                        <div class="sparkline_bar_good">
                            <span><canvas width="5" height="24" style="display: inline-block; width: 5px; height: 24px; vertical-align: top;"></canvas></span>+10%
                        </div>
                        <div class="values">
                            <strong>18304</strong>
                            Visits
                        </div>
                    </li>
                    <li class="col-sm-4">
                        <div class="sparkline_bar_neutral">
                            <span><canvas width="5" height="24" style="display: inline-block; width: 5px; height: 24px; vertical-align: top;"></canvas></span>0%
                        </div>
                        <div class="values">
                            <strong>3833</strong>
                            Unique Visitors
                        </div>
                    </li>
                    <li class="col-sm-4">
                        <div class="sparkline_bar_bad">
                            <span><canvas width="5" height="24" style="display: inline-block; width: 5px; height: 24px; vertical-align: top;"></canvas></span>+50%
                        </div>
                        <div class="values">
                            <strong>18304</strong>
                            Pageviews
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-sm-5">
            <div class="row space12">
                <div class="col-sm-6">
                    <div class="easy-pie-chart">
                        <span class="bounce number easyPieChart" data-percent="44" style="width: 70px; height: 70px; line-height: 70px;"> <span class="percent">44</span> <canvas width="70" height="70"></canvas><canvas width="70" height="70"></canvas></span>
                        <div class="label-chart">
                            Bounce Rate
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="easy-pie-chart">
                        <span class="cpu number easyPieChart" data-percent="82" style="width: 70px; height: 70px; line-height: 70px;"> <span class="percent">82</span> <canvas width="70" height="70"></canvas><canvas width="70" height="70"></canvas></span>
                        <div class="label-chart">
                            New Visits
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-7">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <i class="clip-users-2"></i>
                    Users
                    <div class="panel-tools">
                        <a class="btn btn-xs btn-link panel-collapse collapses" href="#">
                        </a>
                        <a class="btn btn-xs btn-link panel-config" href="#panel-config" data-toggle="modal">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <a class="btn btn-xs btn-link panel-refresh" href="#">
                            <i class="fa fa-refresh"></i>
                        </a>
                        <a class="btn btn-xs btn-link panel-close" href="#">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="panel-body panel-scroll ps-container" style="height:300px">
                    <table class="table table-striped table-hover" id="sample-table-1">
                        <thead>
                            <tr>
                                <th class="center">Photo</th>
                                <th>Full Name</th>
                                <th class="hidden-xs">Email</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="center"><img src="/Content/assets/images/avatar-1.jpg" alt="image"></td>
                                <td>Andy Nguyễn</td>
                                <td class="hidden-xs">
                                    <a href="#" rel="nofollow" target="_blank">
                                        itc.anhduy@gmail.com
                                    </a>
                                </td>
                                <td class="center">
                                    <div>
                                        <div class="btn-group">
                                            <a class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" href="#">
                                                <i class="fa fa-cog"></i> <span class="caret"></span>
                                            </a>
                                            <ul role="menu" class="dropdown-menu pull-right">
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-edit"></i> Edit
                                                    </a>
                                                </li>
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-share"></i> Share
                                                    </a>
                                                </li>
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-times"></i> Remove
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="center"><img src="/Content/assets/images/avatar-2.jpg" alt="image"></td>
                                <td>Nicole Bell</td>
                                <td class="hidden-xs">
                                    <a href="#" rel="nofollow" target="_blank">
                                        nicole@example.com
                                    </a>
                                </td>
                                <td class="center">
                                    <div>
                                        <div class="btn-group">
                                            <a class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" href="#">
                                                <i class="fa fa-cog"></i> <span class="caret"></span>
                                            </a>
                                            <ul role="menu" class="dropdown-menu pull-right">
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-edit"></i> Edit
                                                    </a>
                                                </li>
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-share"></i> Share
                                                    </a>
                                                </li>
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-times"></i> Remove
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="center"><img src="/Content/assets/images/avatar-3.jpg" alt="image"></td>
                                <td>Steven Thompson</td>
                                <td class="hidden-xs">
                                    <a href="#" rel="nofollow" target="_blank">
                                        steven@example.com
                                    </a>
                                </td>
                                <td class="center">
                                    <div>
                                        <div class="btn-group">
                                            <a class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" href="#">
                                                <i class="fa fa-cog"></i> <span class="caret"></span>
                                            </a>
                                            <ul role="menu" class="dropdown-menu pull-right">
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-edit"></i> Edit
                                                    </a>
                                                </li>
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-share"></i> Share
                                                    </a>
                                                </li>
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-times"></i> Remove
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="center"><img src="/Content/assets/images/avatar-5.jpg" alt="image"></td>
                                <td>Kenneth Ross</td>
                                <td class="hidden-xs">
                                    <a href="#" rel="nofollow" target="_blank">
                                        kenneth@example.com
                                    </a>
                                </td>
                                <td class="center">
                                    <div>
                                        <div class="btn-group">
                                            <a class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" href="#">
                                                <i class="fa fa-cog"></i> <span class="caret"></span>
                                            </a>
                                            <ul role="menu" class="dropdown-menu pull-right">
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-edit"></i> Edit
                                                    </a>
                                                </li>
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-share"></i> Share
                                                    </a>
                                                </li>
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-times"></i> Remove
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="center"><img src="/Content/assets/images/avatar-4.jpg" alt="image"></td>
                                <td>Ella Patterson</td>
                                <td class="hidden-xs">
                                    <a href="#" rel="nofollow" target="_blank">
                                        ella@example.com
                                    </a>
                                </td>
                                <td class="center">
                                    <div>
                                        <div class="btn-group">
                                            <a class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" href="#">
                                                <i class="fa fa-cog"></i> <span class="caret"></span>
                                            </a>
                                            <ul role="menu" class="dropdown-menu pull-right">
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-edit"></i> Edit
                                                    </a>
                                                </li>
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-share"></i> Share
                                                    </a>
                                                </li>
                                                <li role="presentation">
                                                    <a role="menuitem" tabindex="-1" href="#">
                                                        <i class="fa fa-times"></i> Remove
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: -87px; width: 603px; display: none;"><div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div></div><div class="ps-scrollbar-y-rail" style="top: 90px; right: 3px; height: 300px; display: inherit;"><div class="ps-scrollbar-y" style="top: 70px; height: 230px;"></div></div>
                    <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px; width: 454px; display: none;"><div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div></div><div class="ps-scrollbar-y-rail" style="top: 0px; right: 3px; height: 300px; display: inherit;"><div class="ps-scrollbar-y" style="top: 0px; height: 230px;"></div></div>
                </div>
            </div>
        </div>
        <div class="col-sm-5">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <i class="clip-checkbox"></i>
                    To Do
                    <div class="panel-tools">
                        <a class="btn btn-xs btn-link panel-collapse collapses" href="#">
                        </a>
                        <a class="btn btn-xs btn-link panel-config" href="#panel-config" data-toggle="modal">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <a class="btn btn-xs btn-link panel-refresh" href="#">
                            <i class="fa fa-refresh"></i>
                        </a>
                        <a class="btn btn-xs btn-link panel-close" href="#">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="panel-body panel-scroll ps-container" style="height:300px">
                    <ul class="todo">
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc" style="opacity: 1; text-decoration: none;">Staff Meeting</span>
                                <span class="label label-danger" style="opacity: 1;"> today</span>
                            </a>
                        </li>
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc" style="opacity: 1; text-decoration: none;"> New frontend layout</span>
                                <span class="label label-danger" style="opacity: 1;"> today</span>
                            </a>
                        </li>
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc"> Hire developers</span>
                                <span class="label label-warning"> tommorow</span>
                            </a>
                        </li>
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc">Staff Meeting</span>
                                <span class="label label-warning"> tommorow</span>
                            </a>
                        </li>
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc"> New frontend layout</span>
                                <span class="label label-success"> this week</span>
                            </a>
                        </li>
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc"> Hire developers</span>
                                <span class="label label-success"> this week</span>
                            </a>
                        </li>
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc"> New frontend layout</span>
                                <span class="label label-info"> this month</span>
                            </a>
                        </li>
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc"> Hire developers</span>
                                <span class="label label-info"> this month</span>
                            </a>
                        </li>
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc" style="opacity: 1; text-decoration: none;">Staff Meeting</span>
                                <span class="label label-danger" style="opacity: 1;"> today</span>
                            </a>
                        </li>
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc" style="opacity: 1; text-decoration: none;"> New frontend layout</span>
                                <span class="label label-danger" style="opacity: 1;"> today</span>
                            </a>
                        </li>
                        <li>
                            <a class="todo-actions" href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                                <span class="desc"> Hire developers</span>
                                <span class="label label-warning"> tommorow</span>
                            </a>
                        </li>
                    </ul>
                    <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px; width: 416px; display: none;"><div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div></div><div class="ps-scrollbar-y-rail" style="top: 0px; right: 3px; height: 300px; display: inherit;"><div class="ps-scrollbar-y" style="top: 0px; height: 215px;"></div></div>
                    <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: -115px; width: 309px; display: none;"><div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div></div><div class="ps-scrollbar-y-rail" style="top: 118px; right: 3px; height: 300px; display: inherit;"><div class="ps-scrollbar-y" style="top: 85px; height: 215px;"></div></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-7">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <i class="clip-calendar"></i>
                    Calendar
                    <div class="panel-tools">
                        <a class="btn btn-xs btn-link panel-collapse collapses" href="#">
                        </a>
                        <a class="btn btn-xs btn-link panel-config" href="#panel-config" data-toggle="modal">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <a class="btn btn-xs btn-link panel-refresh" href="#">
                            <i class="fa fa-refresh"></i>
                        </a>
                        <a class="btn btn-xs btn-link panel-expand" href="#">
                            <i class="fa fa-resize-full"></i>
                        </a>
                        <a class="btn btn-xs btn-link panel-close" href="#">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="panel-body">
                    <div id="calendar" class="fc fc-ltr"><table class="fc-header" style="width:100%"><tbody><tr><td class="fc-header-left"><span class="fc-button fc-button-prev fc-state-default fc-corner-left" unselectable="on"><i class="fa fa-chevron-left"></i></span><span class="fc-button fc-button-next fc-state-default fc-corner-right" unselectable="on"><i class="fa fa-chevron-right"></i></span><span class="fc-header-space"></span><span class="fc-button fc-button-today fc-state-default fc-corner-left fc-corner-right fc-state-disabled" unselectable="on">today</span></td><td class="fc-header-center"><span class="fc-header-title"><h2>July 2014</h2></span></td><td class="fc-header-right"><span class="fc-button fc-button-month fc-state-default fc-corner-left fc-state-active" unselectable="on">month</span><span class="fc-button fc-button-agendaWeek fc-state-default" unselectable="on">week</span><span class="fc-button fc-button-agendaDay fc-state-default fc-corner-right" unselectable="on">day</span></td></tr></tbody></table><div class="fc-content" style="position: relative; min-height: 1px;"><div class="fc-view fc-view-month fc-grid" style="position: relative; min-height: 1px;" unselectable="on"><div style="position:absolute;z-index:8;top:0;left:0"><div class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end label-teal" style="position: absolute; z-index: 8; left: 192px; width: 242px; top: 42px;"><div class="fc-event-inner"><span class="fc-event-title">Bootstrap Seminar</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end label-default" style="position: absolute; z-index: 8; left: 129px; width: 52px; top: 42px;"><div class="fc-event-inner"><span class="fc-event-title">Meeting with Boss</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end label-green" style="position: absolute; z-index: 8; left: 318px; width: 52px; top: 64px;"><div class="fc-event-inner"><span class="fc-event-time">12p</span><span class="fc-event-title">Lunch with Nicole</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div></div><table class="fc-border-separate" style="width:100%" cellspacing="0"><thead><tr class="fc-first fc-last"><th class="fc-day-header fc-sun fc-widget-header fc-first" style="width: 63px;">Sun</th><th class="fc-day-header fc-mon fc-widget-header" style="width: 63px;">Mon</th><th class="fc-day-header fc-tue fc-widget-header" style="width: 63px;">Tue</th><th class="fc-day-header fc-wed fc-widget-header" style="width: 63px;">Wed</th><th class="fc-day-header fc-thu fc-widget-header" style="width: 63px;">Thu</th><th class="fc-day-header fc-fri fc-widget-header" style="width: 63px;">Fri</th><th class="fc-day-header fc-sat fc-widget-header fc-last">Sat</th></tr></thead><tbody><tr class="fc-week fc-first"><td class="fc-day fc-sun fc-widget-content fc-other-month fc-first" data-date="2014-06-29"><div style="min-height: 51px;"><div class="fc-day-number">29</div><div class="fc-day-content"><div style="position: relative; height: 74px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-other-month" data-date="2014-06-30"><div><div class="fc-day-number">30</div><div class="fc-day-content"><div style="position: relative; height: 74px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content" data-date="2014-07-01"><div><div class="fc-day-number">1</div><div class="fc-day-content"><div style="position: relative; height: 74px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content" data-date="2014-07-02"><div><div class="fc-day-number">2</div><div class="fc-day-content"><div style="position: relative; height: 74px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content" data-date="2014-07-03"><div><div class="fc-day-number">3</div><div class="fc-day-content"><div style="position: relative; height: 74px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content" data-date="2014-07-04"><div><div class="fc-day-number">4</div><div class="fc-day-content"><div style="position: relative; height: 74px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-last" data-date="2014-07-05"><div><div class="fc-day-number">5</div><div class="fc-day-content"><div style="position: relative; height: 74px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-first" data-date="2014-07-06"><div style="min-height: 50px;"><div class="fc-day-number">6</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-today fc-state-highlight" data-date="2014-07-07"><div><div class="fc-day-number">7</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content" data-date="2014-07-08"><div><div class="fc-day-number">8</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content" data-date="2014-07-09"><div><div class="fc-day-number">9</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content" data-date="2014-07-10"><div><div class="fc-day-number">10</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content" data-date="2014-07-11"><div><div class="fc-day-number">11</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-last" data-date="2014-07-12"><div><div class="fc-day-number">12</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-first" data-date="2014-07-13"><div style="min-height: 50px;"><div class="fc-day-number">13</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content" data-date="2014-07-14"><div><div class="fc-day-number">14</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content" data-date="2014-07-15"><div><div class="fc-day-number">15</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content" data-date="2014-07-16"><div><div class="fc-day-number">16</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content" data-date="2014-07-17"><div><div class="fc-day-number">17</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content" data-date="2014-07-18"><div><div class="fc-day-number">18</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-last" data-date="2014-07-19"><div><div class="fc-day-number">19</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-first" data-date="2014-07-20"><div style="min-height: 50px;"><div class="fc-day-number">20</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content" data-date="2014-07-21"><div><div class="fc-day-number">21</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content" data-date="2014-07-22"><div><div class="fc-day-number">22</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content" data-date="2014-07-23"><div><div class="fc-day-number">23</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content" data-date="2014-07-24"><div><div class="fc-day-number">24</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content" data-date="2014-07-25"><div><div class="fc-day-number">25</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-last" data-date="2014-07-26"><div><div class="fc-day-number">26</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-first" data-date="2014-07-27"><div style="min-height: 50px;"><div class="fc-day-number">27</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content" data-date="2014-07-28"><div><div class="fc-day-number">28</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content" data-date="2014-07-29"><div><div class="fc-day-number">29</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content" data-date="2014-07-30"><div><div class="fc-day-number">30</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content" data-date="2014-07-31"><div><div class="fc-day-number">31</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content fc-other-month" data-date="2014-08-01"><div><div class="fc-day-number">1</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-other-month fc-last" data-date="2014-08-02"><div><div class="fc-day-number">2</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week fc-last"><td class="fc-day fc-sun fc-widget-content fc-other-month fc-first" data-date="2014-08-03"><div style="min-height: 52px;"><div class="fc-day-number">3</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-other-month" data-date="2014-08-04"><div><div class="fc-day-number">4</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content fc-other-month" data-date="2014-08-05"><div><div class="fc-day-number">5</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content fc-other-month" data-date="2014-08-06"><div><div class="fc-day-number">6</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content fc-other-month" data-date="2014-08-07"><div><div class="fc-day-number">7</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content fc-other-month" data-date="2014-08-08"><div><div class="fc-day-number">8</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-other-month fc-last" data-date="2014-08-09"><div><div class="fc-day-number">9</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr></tbody></table></div></div><table class="fc-header" style="width:100%"><tbody><tr><td class="fc-header-left"><span class="fc-button fc-button-prev fc-state-default fc-corner-left" unselectable="on"><i class="fa fa-chevron-left"></i></span><span class="fc-button fc-button-next fc-state-default fc-corner-right" unselectable="on"><i class="fa fa-chevron-right"></i></span><span class="fc-header-space"></span><span class="fc-button fc-button-today fc-state-default fc-corner-left fc-corner-right fc-state-disabled" unselectable="on">today</span></td><td class="fc-header-center"><span class="fc-header-title"><h2>July 2014</h2></span></td><td class="fc-header-right"><span class="fc-button fc-button-month fc-state-default fc-corner-left fc-state-active" unselectable="on">month</span><span class="fc-button fc-button-agendaWeek fc-state-default" unselectable="on">week</span><span class="fc-button fc-button-agendaDay fc-state-default fc-corner-right" unselectable="on">day</span></td></tr></tbody></table><div class="fc-content" style="position: relative; min-height: 1px;"><div class="fc-view fc-view-month fc-grid" style="position: relative; min-height: 1px;" unselectable="on"><div style="position:absolute;z-index:8;top:0;left:0"><div class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end label-teal" style="position: absolute; z-index: 8; left: 255px; width: 329px; top: 42px;"><div class="fc-event-inner"><span class="fc-event-title">Bootstrap Seminar</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end label-default" style="position: absolute; z-index: 8; left: 171px; width: 73px; top: 42px;"><div class="fc-event-inner"><span class="fc-event-title">Meeting with Boss</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end label-green" style="position: absolute; z-index: 8; left: 423px; width: 73px; top: 64px;"><div class="fc-event-inner"><span class="fc-event-time">12p</span><span class="fc-event-title">Lunch with Nicole</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div></div><table class="fc-border-separate" style="width:100%" cellspacing="0"><thead><tr class="fc-first fc-last"><th class="fc-day-header fc-sun fc-widget-header fc-first" style="width: 84px;">Sun</th><th class="fc-day-header fc-mon fc-widget-header" style="width: 84px;">Mon</th><th class="fc-day-header fc-tue fc-widget-header" style="width: 84px;">Tue</th><th class="fc-day-header fc-wed fc-widget-header" style="width: 84px;">Wed</th><th class="fc-day-header fc-thu fc-widget-header" style="width: 84px;">Thu</th><th class="fc-day-header fc-fri fc-widget-header" style="width: 84px;">Fri</th><th class="fc-day-header fc-sat fc-widget-header fc-last">Sat</th></tr></thead><tbody><tr class="fc-week fc-first"><td class="fc-day fc-sun fc-widget-content fc-other-month fc-first" data-date="2014-06-29"><div style="min-height: 69px;"><div class="fc-day-number">29</div><div class="fc-day-content"><div style="position: relative; height: 59px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-other-month" data-date="2014-06-30"><div><div class="fc-day-number">30</div><div class="fc-day-content"><div style="position: relative; height: 59px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content" data-date="2014-07-01"><div><div class="fc-day-number">1</div><div class="fc-day-content"><div style="position: relative; height: 59px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content" data-date="2014-07-02"><div><div class="fc-day-number">2</div><div class="fc-day-content"><div style="position: relative; height: 59px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content" data-date="2014-07-03"><div><div class="fc-day-number">3</div><div class="fc-day-content"><div style="position: relative; height: 59px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content" data-date="2014-07-04"><div><div class="fc-day-number">4</div><div class="fc-day-content"><div style="position: relative; height: 59px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-last" data-date="2014-07-05"><div><div class="fc-day-number">5</div><div class="fc-day-content"><div style="position: relative; height: 59px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-first" data-date="2014-07-06"><div style="min-height: 68px;"><div class="fc-day-number">6</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-today fc-state-highlight" data-date="2014-07-07"><div><div class="fc-day-number">7</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content" data-date="2014-07-08"><div><div class="fc-day-number">8</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content" data-date="2014-07-09"><div><div class="fc-day-number">9</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content" data-date="2014-07-10"><div><div class="fc-day-number">10</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content" data-date="2014-07-11"><div><div class="fc-day-number">11</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-last" data-date="2014-07-12"><div><div class="fc-day-number">12</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-first" data-date="2014-07-13"><div style="min-height: 68px;"><div class="fc-day-number">13</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content" data-date="2014-07-14"><div><div class="fc-day-number">14</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content" data-date="2014-07-15"><div><div class="fc-day-number">15</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content" data-date="2014-07-16"><div><div class="fc-day-number">16</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content" data-date="2014-07-17"><div><div class="fc-day-number">17</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content" data-date="2014-07-18"><div><div class="fc-day-number">18</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-last" data-date="2014-07-19"><div><div class="fc-day-number">19</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-first" data-date="2014-07-20"><div style="min-height: 68px;"><div class="fc-day-number">20</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content" data-date="2014-07-21"><div><div class="fc-day-number">21</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content" data-date="2014-07-22"><div><div class="fc-day-number">22</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content" data-date="2014-07-23"><div><div class="fc-day-number">23</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content" data-date="2014-07-24"><div><div class="fc-day-number">24</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content" data-date="2014-07-25"><div><div class="fc-day-number">25</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-last" data-date="2014-07-26"><div><div class="fc-day-number">26</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week"><td class="fc-day fc-sun fc-widget-content fc-first" data-date="2014-07-27"><div style="min-height: 68px;"><div class="fc-day-number">27</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content" data-date="2014-07-28"><div><div class="fc-day-number">28</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content" data-date="2014-07-29"><div><div class="fc-day-number">29</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content" data-date="2014-07-30"><div><div class="fc-day-number">30</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content" data-date="2014-07-31"><div><div class="fc-day-number">31</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content fc-other-month" data-date="2014-08-01"><div><div class="fc-day-number">1</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-other-month fc-last" data-date="2014-08-02"><div><div class="fc-day-number">2</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr><tr class="fc-week fc-last"><td class="fc-day fc-sun fc-widget-content fc-other-month fc-first" data-date="2014-08-03"><div style="min-height: 72px;"><div class="fc-day-number">3</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-mon fc-widget-content fc-other-month" data-date="2014-08-04"><div><div class="fc-day-number">4</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-tue fc-widget-content fc-other-month" data-date="2014-08-05"><div><div class="fc-day-number">5</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-wed fc-widget-content fc-other-month" data-date="2014-08-06"><div><div class="fc-day-number">6</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-thu fc-widget-content fc-other-month" data-date="2014-08-07"><div><div class="fc-day-number">7</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-fri fc-widget-content fc-other-month" data-date="2014-08-08"><div><div class="fc-day-number">8</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-day fc-sat fc-widget-content fc-other-month fc-last" data-date="2014-08-09"><div><div class="fc-day-number">9</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td></tr></tbody></table></div></div></div>
                </div>
            </div>
        </div>
        <div class="col-sm-5">
            <div class="row">
                <div class="col-sm-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="clip-bubble-4"></i>
                            Chats
                            <div class="panel-tools">
                                <a class="btn btn-xs btn-link panel-collapse collapses" href="#">
                                </a>
                                <a class="btn btn-xs btn-link panel-config" href="#panel-config" data-toggle="modal">
                                    <i class="fa fa-wrench"></i>
                                </a>
                                <a class="btn btn-xs btn-link panel-refresh" href="#">
                                    <i class="fa fa-refresh"></i>
                                </a>
                                <a class="btn btn-xs btn-link panel-expand" href="#">
                                    <i class="fa fa-resize-full"></i>
                                </a>
                                <a class="btn btn-xs btn-link panel-close" href="#">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="panel-body panel-scroll ps-container" style="height:460px">
                            <ol class="discussion">
                                <li class="other">
                                    <div class="avatar">
                                        <img alt="" src="/Content/assets/images/avatar-4.jpg">
                                    </div>
                                    <div class="messages">
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                        </p>
                                        <span class="time"> Timothy • 51 min </span>
                                    </div>
                                </li>
                                <li class="self">
                                    <div class="avatar">
                                        <img alt="" src="/Content/assets/images/avatar-1.jpg">
                                    </div>
                                    <div class="messages">
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                        </p>
                                        <span class="time"> 37 mins </span>
                                    </div>
                                </li>
                                <li class="other">
                                    <div class="avatar">
                                        <img alt="" src="/Content/assets/images/avatar-3.jpg">
                                    </div>
                                    <div class="messages">
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                        </p>
                                    </div>
                                </li>
                                <li class="self">
                                    <div class="avatar">
                                        <img alt="" src="/Content/assets/images/avatar-1.jpg">
                                    </div>
                                    <div class="messages">
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                        </p>
                                    </div>
                                </li>
                                <li class="other">
                                    <div class="avatar">
                                        <img alt="" src="/Content/assets/images/avatar-4.jpg">
                                    </div>
                                    <div class="messages">
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                        </p>
                                    </div>
                                </li>
                            </ol>
                            <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: -162px; width: 416px; display: none;"><div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div></div><div class="ps-scrollbar-y-rail" style="top: 165px; right: 3px; height: 460px; display: inherit;"><div class="ps-scrollbar-y" style="top: 122px; height: 338px;"></div></div>
                            <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px; width: 309px; display: none;"><div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div></div><div class="ps-scrollbar-y-rail" style="top: 0px; right: 3px; height: 460px; display: inherit;"><div class="ps-scrollbar-y" style="top: 0px; height: 291px;"></div></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="chat-form">
                        <div class="input-group">
                            <input type="text" class="form-control input-mask-date" placeholder="Type a message here...">
                            <span class="input-group-btn">
                                <button class="btn btn-teal" type="button">
                                    <i class="fa fa-check"></i>
                                </button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end: PAGE CONTENT-->
